<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="/css/common.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<title>列表页</title>
</head>

<body class="background_color ">
<div id="header_top">
<div class="page_header">
 <div class="header_style">
  <div class="clearfix">
    <a href="/#" class="logo_style"><img src="/images/logo.png"  width="150px"/></a>
    <ul class="nav_list">
     <li class="nav_link"><a href="/#" class="Channel_name"><i class="i icon_home"></i>首页</a></li>
     <li class="nav_link Channel_link">
     <a href="/javascript:" class="Channel_name"><i class="i icon_nav"></i>频道<i class="i i_arw2"></i></a>
     <div class="Channel_nav_list">
        <ul class=" clearfix">
   <%--<li class="Channel_color"><a href="/#" ><i class="icon_TV"></i>娱乐</a></li>--%>

   <c:forEach var="m" items="${Menu}">
       <li class="Channel_color split_line"><a href="/#" ><i class="icon_TV"></i>${m.menuName}</a></li>
   </c:forEach>
  </ul>
     </div>
     </li>
    </ul>
    <div class="search_style">
      <input name="" type="text"  class="search"/><button name="" type="button" class="button_submit" onclick="submit_btn()"><i class="icon_search"></i>搜索</button>
   </div>
  </div>
 </div>
</div>
<!--图片-->
<div style=" background:url(/images/bg_b1.png) center repeat; height:221px;"></div>
</div>
<!---->
<div class="page_style">
<div class=" clearfix">
<!--栏目-->
 <div class="home_Column_style">
 <div class="Column_list clearfix navigation_list">
  <ul class="">
   <c:forEach var="m1" items="${Menu}">
   <li class="Channel_name1"><a href="/#"><i class="icon_TV"></i>${m1.menuName}</a></li>
   </c:forEach>
  </ul>
  </div>
  <!--栏目-->
  <div class="Column_list navigation" style="display: none;">
  <a href="/#" class="w_logo"><img src="/images/logo.png" width="100%"></a>
   <div class="navigatio_name">
     <a href="/javascript:" class="mouse-enter"><i class="icon_navigatio"></i>导航</a>
     <div class="navigatio_nav">
     <ul class=" clearfix">
   <li class="Channel_name1"><a href="/#"><i class="icon_TV"></i>娱乐</a></li>
   <li class="Channel_name2"><a href="/#"><i class="icon_TV"></i>电视剧</a></li>
   <li class="Channel_name3"><a href="/#"><i class="icon_TV"></i>电影</a></li>
   <li class="Channel_name4"><a href="/#"><i class="icon_TV"></i>网络电影</a></li>
   <li class="Channel_name5"><a href="/#"><i class="icon_TV"></i>综艺</a></li>
   <li class="Channel_name6"><a href="/#"><i class="icon_TV"></i>动漫</a></li>
   <li class="Channel_name7"><a href="/#"><i class="icon_TV"></i>纪录片</a></li>
   <li class="Channel_name5"><a href="/#"><i class="icon_TV"></i>公开课</a></li>
   <li class="Channel_name8"><a href="/#"><i class="icon_TV"></i>公开课</a></li>
   <li class="Channel_name3"><a href="/#"><i class="icon_TV"></i>公开课</a></li>
  </ul>
     </div>
     
   </div>
   <div class="Video_search">
     <input name="" type="text" class="search"><button name="" type="button" class=" btn-success button_submit"><i class="icon_search"></i>搜索</button>
  </div>
  </div>
 </div>
</div>
<!--筛选-->
<div class="filter_style">
 <div class="selectNumberScreen">
 <div class="hasBeenSelected">
		<dl>
			<dt>电视剧：</dt>
			<dd style="display:none" class="clearDd">
				<div class="clearList"></div>
				<div style="display:none;" class="eliminateCriteria">清除筛选条件</div>
			</dd>
		</dl>
	</div>
	<div id="selectList" class="screenBox screenBackground">
     <dl class="listIndex" attr="terminal_brand_s">
      <dt class="l_f">分类：</dt>
      <dd>
          <a href="/javascript:void(0)" values2="" values1="" attrval="全部" class="selected">全部</a>
          <c:forEach var="mt" items="${MenuType}">
              <a href="/javascript:void(0)" values2="" values1="" attrval="人文军旅">${mt.menuTypeName}</a>
          </c:forEach>
      </dd>
     </dl>
     <dl class="listIndex" attr="terminal_os_s">
	   <dt class="l_f">标签：</dt>
	  <dd>
      <a href="/javascript:void(0)" values2="" values1="" attrval="全部" class="selected">全部</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="治愈">治愈</a> 
      <a href="/javascript:void(0)" values2="" values1="" attrval="校园">校园</a> 
      <a href="/javascript:void(0)" values2="" values1="" attrval="推理">推理</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="宠物">宠物</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="科幻">科幻</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="热血">热血</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="剧情">剧情</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="怀旧">怀旧</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="萌宝">萌宝</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="儿歌">儿歌</a>
      <a href="/javascript:void(0)" values2="" values1="" attrval="舞蹈">舞蹈</a>
     </dd>
	</dl>
    <dl class="listIndex" attr="terminal_os_s">
			<dt class="l_f">地点：</dt>
			<dd>
            <a href="/javascript:void(0)" values2="" values1="" attrval="全部" class="selected">全部</a>
            <c:forEach var="md" items="${MenuAddress}">
                <a href="/${md.menuAddressUrl}" values2="" values1="" attrval="内地">${md.menuAddressName}</a>
            </c:forEach>
			</dd>
		</dl>
   </div> 
 </div>
 <!---->
 <div class="container_style ">
 <div class="tab_box" id="sort_btn_wrap">
  <a href="/javascript:" class="hover">最新</a>
  <a href="/javascript:">最热</a>
  <a href="/javascript:">新上映</a>
  <a href="/javascript:">预告</a>
  </div>
 </div>
</div>
<!--列表展示-->
<div class="movielist" id="movie_list">
  <ul class="clearfix">
    <c:forEach var="v" items="${VideoImage}">
    <li class="movie_theme">
     <i class="icon_b rb_ico"></i>
      <a href="/select.jsp" class="movie_img">
          <img src="${v.videoPosterUrl}"  width="183px;"/>
          <span class="v_title">
      <em>更新至24集</em><i class="fraction">4.5分</i>
     </span>
      </a>
      <div class="movie_title">
          <p class="movie_name"><a href="/#" class="name">人民的名义</a><span class="status">热播</span></p>
          <p class="Description">揭秘最深政治生态</p>
      </div>
      </li>
    </c:forEach>
  </ul>
  <!--分页样式-->
   <div class="Paging">
     <a href="/#" class="pn-prev disabled">&lt;上一页</a>
	 <a href="/#" class="on">1</a>
	 <a href="/#">2</a>
	 <a href="/#">3</a>
	 <a href="/#">4</a>
     <a href="/#">...</a>
     <a href="/#">12</a>
	 <a href="/#">下一页&gt;</a>
	 <a href="/#">尾页</a>
	<span class="p-skip"><em>共<b>232</b>页&nbsp;&nbsp;到第</em><input id="page_jump_num" value="1" onkeydown="javascript:if(event.keyCode==13){page_jump();return false;}" class="input-txt"><em>页</em><a href="/javascript:page_jump();" class="btn btn-default">确定</a></span>
   </div>
  
</div>
</div>
<!--底部样式-->
<div class="footer_style">
<div class="footer">
 <div class="copys copys-list clearfix">
   <a href="/#">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
   <a href="/#">京卫网审[2013]第0209号 网络110报警服务</a>
   <a href="/#">药品服务许可证(京)-经营2222-0029</a>
  <a href="/#">节目制作经营许可证京字670号</a>
 </div>
<div class="link_name">
<a href="/#">关于我们</a>|<a href="/#">媒体合作</a>|<a href="/#">开放平台</a>|<a href="/#">广告服务</a>|<a href="/#">联系我们</a>|<a href="/#">工作机会</a>|<a href="/#">友情链接</a></div>
<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>
<div class="align clearfix">
 <a href="/#"><img src="/images/ghs.png" />京公网安备：xxxxxxxxxxxxxxxx号</a> &nbsp;&nbsp;&nbsp;
 <a href="/#"><img src="/images/xy.png" />中国互联网诚信联盟</a>
</div>
</div>

</div>
<!-- 代码 开始 -->
<div class="go-top dn" id="go-top">
    
    <a href="/zhuce.html" target="_blank" class="feedback"></a>
    <a href="/javascript:;" class="go"></a>
</div>
</body>
</html>
<script>
 /****************************************/
var dlNum  =$("#selectList").find("dl");
for (i = 0; i < dlNum.length; i++) {
    $(".hasBeenSelected .clearList").append("<div class=\"selectedInfor selectedShow\" style=\"display:none\"><label></label><em></em></div>");
}
var refresh = "true";
$(".listIndex a ").bind("click",function(){
	var text =$(this).text();
	var selectedShow = $(".selectedShow");
	var textTypeIndex =$(this).parents("dl").index();
	var textType =$(this).parent("dd").siblings("dt").text();
	index = textTypeIndex -(2);
	$(".clearDd").show();
	$(".selectedShow").eq(index).show();
	$(this).addClass("selected").siblings().removeClass("selected");
	selectedShow.eq(index).find("span").text(textType);
	selectedShow.eq(index).find("label").text(text);
	var show = $(".selectedShow").length - $(".selectedShow:hidden").length;
	if (show > 1) {
		$(".eliminateCriteria").show();
	}
   
});
$(".selectedShow em").bind("click",function(){
	$(this).parents(".selectedShow").hide();
	var textTypeIndex =$(this).parents(".selectedShow").index();
	index = textTypeIndex;
	$(".listIndex").eq(index).find("a").removeClass("selected");
	
	if($(".listIndex .selected").length < 2){
		$(".eliminateCriteria").hide();
	}
});

$(".eliminateCriteria").bind("click",function(){
	$(".selectedShow").hide();
	$(this).hide();
	$(".listIndex a ").removeClass("selected");
}); 
/*********搜索*********/
function submit_btn(){
	 $(".search_style input[type$='text']").each(function(n){
		  if($(this).val()=="")
          {
               
			   layer.alert("搜索框不能为空！",{
                title: '提示框',				
				icon:0,								
          }); 		    
            return false;            
          } 
		 else{
			 location.href="/search_page.jsp";
			 
			 }
		 })		
}
</script>
